<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>buy</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <table class="table">
        <tr>
            <th>景点名称</th>
            <th>价格</th>
        </tr>
        <tr>
            <td th:text="${Shopping.scenicSpot}"/>
            <td th:text="${Shopping.price}"/>
        </tr>
    </table>
    <table class="table">
        <tr>
            <th>选择你的导游</th>
            <th>导游姓名</th>
        </tr>
        <tr th:each="one:${GuideList}">
            <td><input type="radio" name="guide" th:value="${one.name}"></td>
            <td th:text="${one.name}"></td>
        </tr>
    </table>
    <div align="center">
        <img src="../img/alipay.jpg" height="400px" width="300px">
        <img src="../img/wechatpay.png" height="400px" width="300px">
    </div>
    <div align="center">
        <a th:href="@{'/passenger/order/' + ${Shopping.id}}" class="btn btn-primary btn-success">支付已完成</a>
    </div>
</div>
</body>
</html>